<!--
 * @Description: question  -- 答疑
 * @Author: your name
 * @Date: 2024-03-25
 * @LastEditTime: 2024-03-25
 * @LastEditors: Please set LastEditors
-->

<template>
  <div>
    <div class="question">
      <section class="banner">
        <div class="heart_w">
          <div class="right_wa">
            <p class="p1">答疑中心</p>
            <p class="p2">帮你解决备考难题</p>
            <p class="p3">【精准答疑助你高效提升学习效率】</p>
            <p class="p3" style="font-weight: 400; font-size: 14px">
              &nbsp;&nbsp;&nbsp;&nbsp;答疑时间：【工作日：24小时内答疑；节假日：48小时内答疑】
            </p>
          </div>
        </div>
      </section>

      <div class="four_lesson heart_w">
        <div class="item" v-for="item in questionList" :key="item.cate_id">
          <i>
            <img :src="item.image" alt="" />
          </i>
          <p class="sub_title">{{ item.title }}</p>
          <p class="sub_intro">
            {{ item.descript }}
          </p>
          <div class="next_page cfa">
            <p>
              <a
                :href="`#/consult/answerCenter`"
                style="display: inline-block; width: 110px"
                target="_blank"
                v-for="item_list in item.list"
                :key="item_list.id"
              >
                {{ item_list.name }}
              </a>
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { getMenu } from '@/api/consult/question.js'
export default {
  name: 'questionIndex',
  data() {
    return {
      questionList: []
    }
  },
  created() {
    getMenu().then(({ data: data }) => {
      this.questionList = data.data
    })
  },
  methods: {}
}
</script>

<style lang="scss">
body,
html,
#app {
  background-color: #fff;
}
</style>
<style scoped lang="scss">
@import '@/assets/styles/questionPage.scss';
</style>
